@charset "utf-8";
/* CSS Document */

body{ margin: 0px; padding: 0px; text-align: center; }
img{ border: none; }
.clear_both{ clear:both; margin: 0px; padding: 0px; }
.main{ margin: 0 auto; width: 1024; background:#F0F0F0; padding-bottom: 20px; }
.mheader{ height: 70px; padding: 10px; }
.mheader > .logo_img{ padding: 10px; float: left; }
.mheader > .logo_title{ padding: 25px 10px 10px 20px; font-size: 20pt; font-weight: bold; float: left; color:#383838; }

.article{ margin: 10px 10px 10px 10px; background: #ffffff; text-align: left; }
.article > .article_id{ width: 32px; height: 27px; background:#379BEC; text-align: center; color: #ffffff; font-weight: bold; padding-top: 6px; float: left; }
.article > .article_id > a{ color: #ffffff; }
.article > .article_id > a:hover{ color: #ffffff; }
.article > .article_icon{ width: 32px; height: 33px; background:#E34A17; text-align: center; float: left; }
.article > .article_icon > a > img{ margin-top: 4px; }
.article > .article_name { width: 920px; height: 28px; border-bottom: 1px solid #379BEC; font-size: 14pt; font-weight: bold; padding: 4px 0px 0px 20px; float: left; }
.article > .article_body{ height: 200px; background: #ffffff; padding: 10px; }
.article > .article_body > .article_image{ float: left; padding:25px; }
.article > .article_body > .article_description{ float: left; padding: 25px; width:650px; }
.article > .article_body > .article_description > .article_description_text{ font-size: 12pt; color:#494949; height:100px; }
.article > .article_body > .article_description > .article_links{ padding:15px; text-align: center; }

.article > .article_body > .article_description > .article_links > .article_source:hover{ padding:20px; display: inline-block; text-decoration: none; background:#109EF3; color:#FFFFFF; font-size: 13pt; font-weight: bold; text-align: center; }
.article > .article_body > .article_description > .article_links > .article_source{ padding:20px; display: inline-block; text-decoration: none; background:#128ACB; color:#FFFFFF; font-size: 13pt; font-weight: bold; text-align: center; }
.article > .article_body > .article_description > .article_links > .article_demo:hover{ padding:20px; display: inline-block; text-decoration: none; background:#5CF04D; color:#FFFFFF; font-size: 13pt; font-weight: bold; text-align: center; }
.article > .article_body > .article_description > .article_links > .article_demo{ padding:20px; display: inline-block; text-decoration: none; background:#10AB23; color:#FFFFFF; font-size: 13pt; font-weight: bold; text-align: center; }

a{ text-decoration: none; color: #3B3B3B; }
a:hover{ text-decoration: none; color: #2E9CED; }

.source_header{ height: 35px; margin: 0px; padding: 0px; margin-top: 10px; background: #FFFFFF; }
.source_header > ul{ list-style:none; display: inline; margin: 0px; padding: 0px; }
.source_header > ul > a{ width:35px; height:20px; display:inline; padding: 10px; text-align: center; background:#959595; color:#FFFFFF; margin:0px -2px 0px; }
.source_header > ul > a:hover{ width:35px; height:20px; display:inline; padding: 10px; text-align: center; background:#36A6E9; color:#FFFFFF; margin:0px -2px 0px; }
.source_header > ul > a >li{ display: inline; }
.source_header > ul > a.active_link{ width:35px; height:20px; display:inline; padding: 10px; text-align: center; background:#36A6E9; color:#FFFFFF; margin:0px -2px 0px; }

.source_art{ margin-top:10px; margin-bottom: 10px; }
.source_art > .source_title{ padding:10px 15px 10px 20px; background:#959595; color:#FFFFFF; }